<!doctype html>
<html>
<head>
<#include "/part_meta.ftl">
<title>个人信息中心- 迈小众</title>
<link href="${st.resDomain}/css/style.css" rel="stylesheet" type="text/css">
<link href="${st.resDomain}/css/MC-base.css" rel="stylesheet" type="text/css">
<link href="${st.resDomain}/css/MC.css" rel="stylesheet" type="text/css">
<link href="${st.resDomain}/css/form-base.css" rel="stylesheet" type="text/css">
<style>
#qrcode {margin:auto;padding:auto;text-align: center;width: 300px;padding: 10px;border: 1px solid gray;border-radius: 8px;}
#qrcode table {margin:auto;}
#qrcode img {margin:auto;}
#qrcode div {margin:auto;}
</style>
</head>

<body>
<div id="container"></div>
<!--- header --->
<div id="header">
  <div class="main f_clear">
    <div class="logo"><h2><@shiro.principal property="s_name" /></h2><span>您好！<@shiro.principal property="m_name" />， <a href="${st.domain}/member/logoutDo">退出</a></span></div>
    <div class="f_right"><a href="javascript:;"  class="selected">个人中心</a><@shiro.hasRole name="SHOP"><a href="${st.shopDomain}">店铺管理</a></@shiro.hasRole><@shiro.hasRole name="FIRM"><a href="${st.firmDomain}/goods/list">企业管理</a></@shiro.hasRole></div>
  </div>
</div>
<!--- header end--->
<!--topnav -->
<div id="topnav">
  <div class="main">
    <ul class="left">
      <li class="selected"><a href="${st.userDomain}">个人中心</a></li>
    </ul>
  </div>
</div>
<!--topnav end-->
<div id="mainb">
  <div id="title">欢迎！${member.name}，请用手机扫描下面的二维码</div>
  <div id="hideData" style="display:none;">
  {
  	"mobDomain": "${st.mobDomain}",
  	"code": "${code}"
  }
  </div>
  <div id="qyxx" style="text-align: center;">
  	<div id="qrcode"></div>
  </div>
</div>
<img id="img-buffer" src="${st.resDomain}/images/logo.png" style="display:none;">
    
<!--footer-->
<div id="footer">Copyright© 迈小众 <span style="padding-left:30px;">客服QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3101084438&site=qq&menu=yes" rel="nofollow"><img border="0" src="http://wpa.qq.com/pa?p=2:3101084438:50" alt="点击联系我们，QQ：3101084438" title="点击联系我们，QQ：3101084438"></a></span></div>
<!--footer end-->
<script src="${st.resDomain}/scripts/require.js"></script>
<script>
require(["${st.resDomain}/scripts/common.js"], function() {
	var hideData = $.parseJSON($("#hideData").html());
	var code = encodeURIComponent(hideData.code);
	var mobDomain = hideData.mobDomain;
	require(["qrcode"], function() {
		$('#qrcode').qrcode({
			size:300, 
			background:'#fff',
			fill:'#1B3D1B',
			color:'#000',
			radius:0.2,
			minVersion:1,
			maxVersion: 40,
			ecLevel: 'Q',
			label:'迈小众',
			render:'canvas',
			mode:4, 
			image: $("#img-buffer")[0],
			text: mobDomain + "/member/loginDo/code?code=" + code
		});
	})
});
</script>
</body>
</html>
